<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <jsp:include page="common/head.jsp"/>

<body>
<!-- Wrapper -->
<div id="wrapper_sec">
	<!-- Header -->
    <!--navigation part   -->
	<jsp:include page="common/navigation.jsp" />
    <div class="clear"></div>
    <div id="crumb">
    	<ul>
        	<li><a href="#">Home</a></li>
            <li class="last"><a href="#" class="colr bold">Products</a></li>
        </ul>
    </div>
    <div class="clear"></div>
    <!-- Content Section -->
    <div id="content_sec">
    	<!-- Column 3 -->
        <div class="col3">
        	<h4 class="colr bold lognhead upper"><span class="arrow">About Us</span></h4>
        	<div class="static">
                <h3 class="colr">Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />Proin dapibus dignissim fermentum.
                </h3>
                <p class="bigtxt txt">
                	Proin dapibus dignissim fermentum. Pellentesque pharetra gravida ante in congue. Duis ipsum enim, faucibus luctus malesuada porta, lobortis nec urna. Nulla fringilla lacus nec nisi interdum vestibulum. Donec id velit purus, nec dapibus metus. Etiam quis enim ipsum. Etiam tellus orci, vehicula suscipit molestie et, elementum ut nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sed purus augue, ut rhoncus leo. Nulla blandit nulla non justo condimentum sagittis.
                </p>
                <p class="txt">
                	Proin dapibus dignissim fermentum. Pellentesque pharetra gravida ante in congue. Duis ipsum enim, faucibus luctus malesuada porta, lobortis nec urna. Nulla fringilla lacus nec nisi interdum vestibulum. Donec id velit purus, nec dapibus metus. Etiam quis enim ipsum. Etiam tellus orci, vehicula suscipit molestie et, elementum ut nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sed purus augue, ut rhoncus leo. Nulla blandit nulla non justo condimentum sagittis.
                </p>
                <div class="gallery">
                	<ul>
                    	<li><a rel="example_group" href="images/prod_big.jpg" title="Lorem ipsum dolor sit amet"><img src="images/static1.gif" alt="" /></a></li>
                        <li><a rel="example_group" href="images/prod_big.jpg" title="Lorem ipsum dolor sit amet"><img src="images/static2.gif" alt="" /></a></li>
                        <li><a rel="example_group" href="images/prod_big.jpg" title="Lorem ipsum dolor sit amet"><img src="images/static3.gif" alt="" /></a></li>
                        <li><a rel="example_group" href="images/prod_big.jpg" title="Lorem ipsum dolor sit amet"><img src="images/static4.gif" alt="" /></a></li>
                        <li><a rel="example_group" href="images/prod_big.jpg" title="Lorem ipsum dolor sit amet"><img src="images/static1.gif" alt="" /></a></li>
                        <li><a rel="example_group" href="images/prod_big.jpg" title="Lorem ipsum dolor sit amet"><img src="images/static2.gif" alt="" /></a></li>
                        <li><a rel="example_group" href="images/prod_big.jpg" title="Lorem ipsum dolor sit amet"><img src="images/static3.gif" alt="" /></a></li>
                        <li><a rel="example_group" href="images/prod_big.jpg" title="Lorem ipsum dolor sit amet"><img src="images/static4.gif" alt="" /></a></li>
                    </ul>
                </div>
                <div class="staticsec">
                	<div class="sec1">
                    	<img src="images/static6.gif" alt="" />
                        <p class="bold colr">Proin dapibus dignissim fermentum. Pellentesque pharetra gravida ante in congue.</p>
                        <p>
                        	Proin dapibus dignissim fermentum. Pellentesque pharetra gravida ante in congue. Duis ipsum enim, faucibus luctus malesuada porta, lobortis nec urna. Nulla fringilla lacus nec nisi interdum vestibulum. Donec id velit purus, nec dapibus metus. Etiam quis enim ipsum. Etiam tellus orci, vehicula suscipit molestie et, elementum ut nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                        </p>
                    </div>
                    <div class="sec2">
                    	<img src="images/static7.gif" class="bordrs" alt="" />
                        <p class="bold colr">Proin dapibus dignissim fermentum. Pellentesque pharetra gravida ante in congue. Duis ipsum enim, faucibus luctus malesuada porta,</p>
                        <p>
                        	Proin dapibus dignissim fermentum. Pellentesque pharetra gravida ante in congue. Duis ipsum enim, faucibus luctus malesuada porta, lobortis nec urna. Nulla fringilla lacus nec nisi interdum vestibulum. Donec id velit purus, nec dapibus metus. Etiam quis enim ipsum. Etiam tellus orci, vehicula suscipit molestie et, elementum ut nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sed purus augue, ut rhoncus leo. Nulla blandit nulla non justo condimentum sagittis.
                        </p>
                        <p>
                        	Proin dapibus dignissim fermentum. Pellentesque pharetra gravida ante in congue. Duis ipsum enim, faucibus luctus malesuada porta, lobortis nec urna. Nulla fringilla lacus nec nisi interdum vestibulum.
                        </p>
                        <div class="clear"></div>
                        <p class="txt">Proin dapibus dignissim fermentum. Pellentesque pharetra gravida ante in congue. Duis ipsum enim, faucibus luctus malesuada porta, lobortis nec urna. Nulla fringilla lacus nec nisi interdum Link Donec id velit purus, nec dapibus metus. Etiam quis enim ipsum. Etiam tellus orci, vehicula suscipit molestie et, elementum ut nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dapibus dignissim fermentum. Pellentesque pharetra gravida ante in congue. Duis ipsum enim, faucibus luctus malesuada porta, lobortis nec urna. Nulla fringilla lacus nec nisi interdum vestibulum. Donec id velit purus, nec dapibus metus. Etiam quis enim ipsum.</p>
                    </div>
                </div>
                <div class="staticsec">
                	<div class="sec1">
                    	<p class="bold colr">Proin dapibus dignissim fermentum. Pellentesque pharetra gravida ante in congue.</p>
                        <p>
                        	Proin dapibus dignissim fermentum. Pellentesque pharetra gravida ante in congue. Duis ipsum enim, faucibus luctus malesuada porta, lobortis nec urna. Nulla fringilla lacus nec nisi interdum vestibulum. Donec id velit purus, nec dapibus metus. Etiam quis enim ipsum. Etiam tellus orci, vehicula suscipit molestie et, elementum ut nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                        </p>
                    </div>
                    <div class="sec3">
                    	<ul class="numbrs">
                        	<li>Proin dapibus dignissim fermentum. Pellentesque</li>
                            <li>pharetra gravida ante in congue. Duis ipsum enim,</li>
                            <li>faucibus luctus malesuada porta, lobortis nec urna.</li>
                            <li>Nulla fringilla lacus nec nisi interdum vestibulum.</li>
                            <li>Donec id velit purus, nec dapibus metus.</li>
                            <li>Etiam quis enim ipsum. Etiam tellus orci, vehicula </li>
                            <li>suscipit molestie et, elementum ut nunc.</li>
                            <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
                            <li>Proin dapibus dignissim fermentum.</li>
                        </ul>
                    </div>
                    <div class="sec4">
                        <p>
                        	Proin dapibus dignissim fermentum. Pellentesque pharetra gravida ante in congue. Duis ipsum enim, faucibus luctus malesuada porta, lobortis nec urna. Nulla fringilla lacus nec nisi interdum vestibulum. Donec id velit purus, nec dapibus metus. Etiam quis enim ipsum. Etiam tellus orci, vehicula suscipit molestie et, elementum ut nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                        </p>
                        <p>
                        	Proin dapibus dignissim fermentum. Pellentesque pharetra gravida ante in congue. Duis ipsum enim, faucibus
                        </p>
                    </div>
                </div>
                <div class="sampletxt">
           	    	<p class="right colr under">Lorem ipsum dolor sit amet,</p>
                    <p class="right colr under bold">Lorem ipsum dolor sit amet,</p>
                	<p class="right colr under italic">Lorem ipsum dolor sit amet,</p>
                </div>
                <div class="staticsec">
                	<div class="sec1">
                    	<h1 class="colr">Heading 1</h1>
                        <h2 class="colr">Heading 2</h2>
                        <h3 class="colr">Heading 3</h3>
                        <h4 class="colr">Heading 4</h4>
                        <h5 class="colr">Heading 5</h5>
                        <h6 class="colr">Heading 6</h6>
                    </div>
                    <div class="sec3">
                    	<h4 class="colr">Orderd List</h4>
                    	<ul class="numbrs">
                        	<li>Proin dapibus dignissim fermentum. Pellentesque</li>
                            <li>pharetra gravida ante in congue. Duis ipsum enim,</li>
                            <li>faucibus luctus malesuada porta, lobortis nec urna.</li>
                            <li>Nulla fringilla lacus nec nisi interdum vestibulum.</li>
                            <li>Donec id velit purus, nec dapibus metus.</li>
                            <li>Etiam quis enim ipsum. Etiam tellus orci, vehicula </li>
                            <li>suscipit molestie et, elementum ut nunc.</li>
                            <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
                            <li>Proin dapibus dignissim fermentum.</li>
                        </ul>
                    </div>
                    <div class="sec4">
                    	<h4 class="colr">Orderd List</h4>
                        <ul class="arrosbullets">
                        	<li>Proin dapibus dignissim fermentum. Pellentesque</li>
                            <li>pharetra gravida ante in congue. Duis ipsum enim,</li>
                            <li>faucibus luctus malesuada porta, lobortis nec urna.</li>
                            <li>Nulla fringilla lacus nec nisi interdum vestibulum.</li>
                            <li>Donec id velit purus, nec dapibus metus.</li>
                            <li>Etiam quis enim ipsum. Etiam tellus orci, vehicula </li>
                            <li>suscipit molestie et, elementum ut nunc.</li>
                            <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
                            <li>Proin dapibus dignissim fermentum.</li>
                        </ul>
                    </div>
                </div>
                <div class="clear"></div>
                <div class="formssec">
                	<h4 class="colr formhead">Forms and Tables</h4>
                    <ul class="forms">
                    	<li class="txt">Email Address *</li>
                        <li class="inputfield"><input name="s" type="text" class="bar" /></li>
                    </ul>
                    <ul class="forms">
                        <li class="txt">Password *</li>
                        <li class="inputfield"><input name="s" type="text" class="bar" /></li>
                    </ul>
                    <ul class="forms">
                        <li class="txt">Comments</li>
                        <li class="textfield"><textarea name="t" cols="" rows="5"></textarea></li>
                    </ul>
                    <ul class="forms">
                        <li class="txt">&nbsp;</li>
                        <li class="inputfield"><a href="#" class="buttonone">Submit</a></li>
                    </ul>
                </div>
                <div class="tablesec">
                	<h4 class="colr formhead">Tables</h4>
                    <table cellpadding="0" cellspacing="0" border="0">
                      <tr class="tablehead bold">
                        <td class="colr">Table Header</td>
                        <td class="colr">Table Header</td>
                        <td class="colr">Table Header</td>
                      </tr>
                      <tr class="tabledark">
                        <td>Division</td>
                        <td>Division</td>
                        <td>Division</td>
                      </tr>
                      <tr>
                        <td>Division</td>
                        <td>Division</td>
                        <td>Division</td>
                      </tr>
                      <tr class="tabledark">
                        <td>Division</td>
                        <td>Division</td>
                        <td>Division</td>
                      </tr>
                      <tr>
                        <td>Division</td>
                        <td>Division</td>
                        <td>Division</td>
                      </tr>
                      <tr class="tabledark">
                        <td>Division</td>
                        <td>Division</td>
                        <td>Division</td>
                      </tr>
                      <tr>
                        <td>Division</td>
                        <td>Division</td>
                        <td>Division</td>
                      </tr>
                      <tr class="tabledark">
                        <td>Division</td>
                        <td>Division</td>
                        <td>Division</td>
                      </tr>
                      <tr>
                        <td>Division</td>
                        <td>Division</td>
                        <td>Division</td>
                      </tr>
                      <tr class="tabledark">
                        <td>Division</td>
                        <td>Division</td>
                        <td>Division</td>
                      </tr>
                    </table>
                </div>
                <div class="clear"></div>
                <div class="staticsec">
                	&nbsp;
                </div>
                <div class="staticsec">
                	<div class="checkboxs">
                        <h5 class="colr">Checkboxes and Radio Buttons</h5>
                        <div class="checksec">
                            <ul class="forms smallforms">
                                <li class="check"><input name="item" type="checkbox" value="" class="left" /></li>
                                <li class="labletxt">Option 1</li>
                            </ul>
                            <ul class="forms smallforms">
                                <li class="check"><input name="item" type="checkbox" value="" class="left" /></li>
                                <li class="labletxt">Option 2</li>
                            </ul>
                            <ul class="forms smallforms">
                                <li class="check"><input name="item" type="checkbox" value="" class="left" /></li>
                                <li class="labletxt">Option 3</li>
                            </ul>
                        </div>
                        <div class="checksec">
                            <ul class="forms smallforms">
                                <li class="check"><input name="item" type="radio" value="" class="left" /></li>
                                <li class="txt smalltxt">Option 1</li>
                            </ul>
                            <ul class="forms smallforms">
                                <li class="check"><input name="item" type="radio" value="" class="left" /></li>
                                <li class="txt smalltxt">Option 2</li>
                            </ul>
                            <ul class="forms smallforms">
                                <li class="check"><input name="item" type="radio" value="" class="left" /></li>
                                <li class="txt smalltxt">Option 3</li>
                            </ul>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
        
    </div>
    <div class="clear"></div>
    <!-- Footer -->
      <jsp:include page="common/bottom.jsp"/>
    <div class="clear"></div>
</div>
</body>
</html>
